﻿<!DOCTYPE html>

<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<spring:url value="/" var="prjroot"></spring:url>

<html lang="en">
<head>
<meta charset="utf-8"/>
<title>公司介绍</title>
<meta name="description" content="页面描述">
<meta name="keywords" content="页面关键词">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<link type="text/css" rel="stylesheet" href="${prjroot}style/reset.css" />
<link type="text/css" rel="stylesheet" href="${prjroot}style/common.css" />
<script type="text/javascript" src="${prjroot}style/TouchSlide.1.0.js"></script>
</head>

<body>

<section id="focusImg">
	<img src="${prjroot}images/index_focusImg.jpg"/>
</section>
<script>
var obj=document.getElementById('focusImg');
var oImg=obj.getElementsByTagName('img');
var objWidth=obj.offsetWidth;
for(i=0;i<oImg.length;i++)
{
oImg[i].style.width=objWidth+'px';
}
</script>

<section id="about_tip">
	<hgroup class="con">
	<h2>
	1个冰淇淋球≈1个苹果的热量
	<br/>
	One Scoop’Calorie Equals Ons Apple’s
	</h2>
	<img class="img" src="${prjroot}images/pingguo.png"/>
	</hgroup>
	
	<article class="Rows">
		<div class="title">ICEASON爱茜茜里<br/>从此享瘦甜品，不再牺牲美丽</div>
		<section>
			      风靡欧洲400年的意大利式手工冰淇淋来到中国。
      以“一个冰淇淋约等于一个苹果热量”掀起冰淇淋革命的ICEASON爱茜茜里，传承意大利400年精湛的手工工艺，以 "更天然、更新鲜、更健康"的手工冰淇淋享誉市场、闻名于世, 为中国广大的甜品爱好者带来了全新的美味享【瘦】。
		</section>
	</article>
	
</section>

<div id="picScroll" class="picScroll">
				<div class="bd">
				<c:forEach var="prod" items="${topnProd}" varStatus="index">
					<c:if test="${index.index % 4 == 0}">
						<ul>					
					</c:if>
					<c:if test="${empty prod.pic}">
						<li><a href="${prjroot}wechat/intro1?prod=${prod.id}&catId=${prod.catId}" class="pic"><img _src="${prjroot}images/index_focusImg.jpg" src="${prjroot}images/blank.png" /></a><a href="" class="name"></a></li>
					</c:if>
					<c:if test="${not empty prod.pic}">
						<li><a href="${prjroot}wechat/intro1?prod=${prod.id}&catId=${prod.catId}" class="pic"><img _src="${prod.pic}" src="${prjroot}images/blank.png" /></a><a href="" class="name"></a></li>
					</c:if>
					
					<c:if test="${index.index > 0 && (index.index+1) % 4 == 0}">
						</ul>					
					</c:if>					
				</c:forEach>
				</div>
				<div class="hd">
					<ul></ul>
				</div>
			</div>
			<script type="text/javascript">
				TouchSlide({ 
					slideCell:"#picScroll",
					titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
					autoPage:true, //自动分页
					pnLoop:"false", // 前后按钮不循环
					switchLoad:"_src" //切换加载，真实图片路径为"_src" 
				});
			</script>


<address id="about_msg">
	<strong>公司信息：</strong></br/>
	上海仟果企业管理有限公司</br/>
	地址：上海市黄浦区北京东路157号</br/>
	客服热线：4008200884
	
	<a href="${prjroot}wechat/storelist/?cityName=上海" class="more">更多门店</a>
</address>
			
</body>
</html>